<template>
	<view class="box">
		<view class="suggestion">
			<view class="suggestionBox" v-for="(item,index) in detailList" :key="index">
				<h2 class="titleText">病症：{{opdata}}</h2>
				<p style="color: blue;font-weight: 600;margin-bottom: 20rpx;">我的建议：</p>
				<p>{{item}}</p>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detailList: [],
				opdata: [],
			}
		},
		onLoad(options) {
			console.log('名字', options);
			this.opdata = options.name
			if (uni.getStorageSync("adoptData").length > 0) {
				this.detailList = uni.getStorageSync("adoptData")
			}
		},
		methods: {


		}
	}
</script>

<style>
	.suggestion {
		display: -webkit-box;
		/* 使用 WebKit box 模型 */
		-webkit-box-orient: vertical;
		/* 垂直排列子元素 */
		/* overflow: hidden; */
		/* 隐藏超出范围的文字 */
		text-overflow: ellipsis;
		/* 使用省略号表示超出部分 */
		-webkit-line-clamp: 5;
		/* 显示的行数 */
		line-height: 1.5;
		/* 行高 */
		height: calc(1.5em * 5);
		/* 高度应为行高乘以显示的行数 */
	}

	.suggestionBox {
		width: 650rpx;
		height: 300rpx;
		border: 1rpx solid #ccc;
		padding: 25rpx;
		margin: 20rpx;
		border-radius: 15rpx;


	}

	.titleText {
		font-weight: 600;
		font-size: 40rpx;
		margin-bottom: 20rpx;
	}

	.xxbox {
		width: 741rpx;
	}

	.smallbox {
		width: 741rpx;
		height: 50rpx;
		/* 	margin-top: 100rpx; */
		margin-left: 30rpx;
		padding-left: 20rpx;


	}

	.textTit {
		width: 641rpx;
		margin-left: 20rpx;
		padding-left: 20rpx;
	}

	.advice {
		width: 641rpx;
		margin-top: 10rpx;
		font-weight: 700;
		font-size: 18px;
		margin-bottom: 30rpx;
		margin-left: 20rpx;
		padding-left: 20rpx;
	}

	.xian {
		margin-top: 15rpx;
		width: 100vw;
		height: 10rpx;
		background-color: #ccc;
	}

	.center {
		margin-top: 50rpx;
	}
</style>